<!DOCTYPE html>
<!-- saved from url=(0056)http://startbootstrap.com/templates/simple-sidebar.html# -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title><?php echo $web_service[0]['web_name']; ?></title>
<script src="<?php echo base_url();?>js/chart.js"></script>
<?php $this->load->view('panel_head');?>
</head>

<body>
<style>
.dots {
	table-layout:fixed;
}

.dots p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
</style>








<div style="height:46px; width:100%; position:fixed; z-index:10000;">
  <?php $this->load->view('header');?>
</div>



<div style="height:46px;"></div>

<!-- <div content at here>-->

<div class="row"> 
  <!-- slide -->
  <div class="col-md-6" style="padding:0; margin:0;">  
       <!-- <slide> -->
   <div class="col-sm-3" role="complementary"> 
        
</div>
        

        

    <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
		<?php $l=0; ?>
        <?php foreach($slide as $indicator) { ?>
            <li data-target="#carousel-example-captions" data-slide-to="<?php echo $l; ?>" <?php if($l == 0) { ?> class="active" <?php } ?>></li>
        <?php $l++;} ?>
      </ol>
      <div class="carousel-inner" role="listbox">
      
      <?php $k=0; ?>
      <?php foreach($slide as $slide) { ?>
      
      
       <div class="item <?php if($k == 0) { ?>active<?php } ?>">
       	  <a href="<?php echo base_url();?>index.php/player/cs/	<?php echo $slide['vdo_id'];?>">
          <img src="<?php echo base_url();?>vod_thumb/<?php echo $slide['vdo_rawfile'];?>/<?php echo $slide['thumb_name'];?>" alt="First slide image" width="100%"; />
          </a>
          <div class="carousel-caption">
            <h3><?php echo $slide['vdo_name']; ?></h3>  
            <div class="dots" style="width:70%;">
            <p><?php echo $slide['vdo_des']; ?></p>
            </div>        
            	<p></p>           
          </div>
          
        </div>
      
      <?php $k++; } ?>
      
        
      </div>
      <!-- carousel-inner -->
      
      <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
      
    </div>
    <!-- <div id="carousel-example-captions" class="carousel slide" data-ride="carousel"> -->
    
    
    


    <!-- </slide> --> 
    
  </div>
  <!-- slide --> 
  
  
  
  
  
  
  
  
  <!-- new vdo -->
  <div class="col-md-6" >
  
    <div class="row">
      <div class="col-md-6" style="padding:0; margin:0;" > 
      
      <a href="<?php echo base_url();?>index.php/player/cs/<?php echo $new_vdo[0]['vdo_id']; ?>">
      <img width="100%" 
                	src="<?php echo base_url();?>vod_thumb/<?php echo @$new_vdo[0]['vdo_rawfile'];?>/<?php echo @$new_vdo[0]['thumb_name'];?>"> </img>
      </a>
                    
        <div class="carousel-caption">
          <h5><?php echo @$new_vdo[0]['vdo_name'];?></h5>
        </div>
      </div>
            
      <div class="col-md-6" style="padding:0; margin:0;" > <a href="<?php echo base_url();?>index.php/player/cs/<?php echo $new_vdo[1]['vdo_id']; ?>"><img width="100%" 
                	src="<?php echo base_url();?>vod_thumb/<?php echo @$new_vdo[1]['vdo_rawfile'];?>/<?php echo @$new_vdo[1]['thumb_name'];?>"> </img></a>
        <div class="carousel-caption">
          <h5><?php echo @$new_vdo[1]['vdo_name'];?></h5>
        </div>
      </div>
      
    </div>
    <!-- div class="row" -->
    
    <div class="row">
      <div class="col-md-6" style="padding:0; margin:0;" ><a href="<?php echo base_url();?>index.php/player/cs/<?php echo $new_vdo[2]['vdo_id']; ?>"> <img width="100%" 
                	src="<?php echo base_url();?>vod_thumb/<?php echo @$new_vdo[2]['vdo_rawfile'];?>/<?php echo @$new_vdo[2]['thumb_name'];?>"> </img></a>
        <div class="carousel-caption">
          <h5><?php echo @$new_vdo[2]['vdo_name'];?></h5>
        </div>
      </div>
      <div class="col-md-6" style="padding:0; margin:0;" ><a href="<?php echo base_url();?>index.php/player/cs/<?php echo $new_vdo[3]['vdo_id']; ?>"> <img width="100%" 
                	src="<?php echo base_url();?>vod_thumb/<?php echo @$new_vdo[3]['vdo_rawfile'];?>/<?php echo @$new_vdo[3]['thumb_name'];?>"> </img></a>
        <div class="carousel-caption">
          <h5><?php echo @$new_vdo[3]['vdo_name'];?></h5>
        </div>
      </div>
    </div>
    <!-- div class="row"> -->
  </div>
  <!-- new vdo --> 
  
  
  
  
  
  
  
</div>




<?php $i=1; ?>
<?php foreach($category_id as $category_id) { ?>
<div class="page-content inset">
  <div class="panel panel-default" style="margin-bottom:-2em;">
    <div class="panel-body"> <strong><?php echo $category_id['category_name'];?></strong> 
      
      <!-- new category -->
      <div class="row" style="margin-top:1em;" >
        <?php
				$count = count($new_category[$i]);
				for($j=0;$j<$count;$j++)
			{ ?>
        <div class="col-md-2" >
          <div align="center"> <a href="<?php echo base_url();?>index.php/player/cs/<?php echo $new_category[$i][$j]['vdo_id'];?>"><img src="<?php echo base_url();?>vod_thumb/<?php echo $new_category[$i][$j]['vdo_rawfile'];?>/<?php echo $new_category[$i][$j]['thumb_name'];?>"/ width="100%"></a> </div>
          <div><a href="<?php echo base_url();?>index.php/player/cs/<?php echo $new_category[$i][$j]['vdo_id'];?>"><?php echo $new_category[$i][$j]['vdo_name'];?></a></br>
            <font size="-2"><?php echo $new_category[$i][$j]['vdo_uploadtime'];?></font> </div>
        </div>
        <?php } ?>
      </div>
      <!-- new category --> 
      
    </div>
  </div>
</div>
<?php $i++; } ?>

<!-- <div class="row"> --> 

<!-- </div dontent at here>--> 

<!-- Custom JavaScript for the Menu Toggle --> 
<script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("active");
    });
</script>
</body>
</html>